<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>上海明匠智能</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
    <link rel="stylesheet" href="css/style.css" media="all"/>
    <link rel="stylesheet" href="css/styletwo.css" media="all"/>
    <script src="/js/esl.js"></script>
    <script src="echarts-2.2.7/build/dist/echarts.js"></script>
    <script src="echarts-2.2.7/build/dist/echarts-all.js"></script>
    <script src="js/jquery.min.js"></script>
</head>
<body>
<div class="testing">
<div class="model"></div>
<div class="success">
    <p class="word"><strong>上海明匠智能</strong></p>
    <hr/>
    <p class="word2"><strong>恭喜保存成功</strong></p>
    <button class="con">关闭</button>
</div>
<div class="error">
    <p class="word"><strong>上海明匠智能</strong></p>
    <hr/>
    <p class="word2"><strong>出错了</strong></p>
    <button class="con">关闭</button>
</div>
<div class="model2">
    <div >
        <p class="word "><strong>上海明匠智能</strong></p>
        <hr/>
    </div>

    <p class="word2"><strong>请输入新增的信息</strong></p>
    <input type="text" name="classification_name"/>
    <div>
        <button class="butt2">关闭</button>
        <button class='blue butt'>确定提交</button>
    </div>
</div>

    <header class="main">
        <h1><strong>上海明匠智能云平台</strong></h1>
        <button style="float:right;position: relative; top:-90%;" id="sou" onclick="search_click(invalue[0])">搜索</button>
        <input type="text" id="search_input" value="search"/>
    </header>
    <section class="user">
        <div class="profile-img">
            <p><img src="images/mj_logo.png" alt="" height="40" width="40"/>明匠智能</p>
        </div>
        <div class="buttons">
            <button class="ico-font" style="font-size: 0.5em;">展开/关闭</button>
            <span class="button" id="btn1" onclick="keyword_click('供应商')">供应商</span>
            <span class="button" id="btn2" onclick="keyword_click('质检')">质检</span>
            <span class="button" id="btn3" onclick="keyword_click('订单')">订单</span>
            <span class="button blue dropdown"><a href="javascript:void(0)">更多搜索条件</a>
            	<ul class="notice">
                    <li onclick="keyword_click('订单')">
                        <hgroup>
                            <h1>订单</h1>
                            <h2>以订单为关键字筛选</h2>
                        </hgroup>
                    </li>
                    <li onclick="keyword_click('质检')">
                        <hgroup>
                            <h1>质检</h1>
                            <h2>以检验员为关键字筛选</h2>
                        </hgroup>
                    </li>
                </ul>
            </span>
        </div>
    </section>
</div>
<nav>
    <ul th:with="test='tabclick(&quot;',next='&quot;)'">
        <button style="width:95%;height:2%;" class="blue btnt" id="btn">新增一个类别</button>
        <a href="/toCreateGraph.shtml"><button style="width:95%;height:2%;" class="blue btnt" id="btn2">新增一个图表</button></a>
        <li th:each="item : ${classList}" th:with="key_name=${item.getClassification_name()}" th:id="${actionMap.get(key_name).isEmpty()}? null : ${actionMap.get(key_name).get(0).getClassification_id()}">
            <a href="javascript:void(0)" th:text="${key_name}" th:unless="${actionMap.get(key_name).isEmpty()}" th:onclick="'classclick(\''+${actionMap.get(key_name).get(0).getClassification_id()}+'\')'"></a>
            <a href="javascript:void(0)" th:text="${key_name}" th:if="${actionMap.get(key_name).isEmpty()}"></a>
            <ul class="submenu">
                <li th:each="listitem:${actionMap.get(key_name)}"><a href="javascript:void(0)" th:onclick="${test}+${listitem.getAction_id()}+${next}" th:text="${listitem.getAction_name()}">工业级云提供商</a></li>
            </ul>
        </li>

    </ul>
</nav>
<section class="content" style='margin-top: 15px;' id="sections">
    <section class="widget geduo" th:each="bean : ${beanList}">
        <header>
            <button class="blue fl">修改</button>
            <hgroup>
                <h1 th:text="${bean.getName()}"></h1>
                <h2 th:text="${bean.getNotes()}"></h2>
            </hgroup>
        </header>
        <div class="content">
            <div th:id="${bean.getId()}" style="width: 100%;height:300px;margin-bottom:30px;"></div>
        </div>
    </section>
</section>
<script src="js/mjchart.js"></script>
<script src="js/jquery.wysiwyg.js"></script>
<script src="js/custom.js"></script>
<script src="js/cycle.js"></script>
<script src="js/jquery.checkbox.min.js"></script>
<!--<script src="js/flot.js"></script>-->
<!--<script src="js/flot.resize.js"></script>-->
<!--<script src="js/flot-time.js"></script>-->
<!--<script src="js/flot-pie.js"></script>-->
<!--<script src="js/flot-graphs.js"></script>-->
<script src="js/jquery.tablesorter.min.js"></script>
<script th:each="bean : ${beanList}" th:utext="'var data'+${bean.getId()}+'='+${bean.getJsonNode()}"></script>
<script th:each="bean : ${beanList}"
        th:utext="'shmj(&quot;'+${bean.getId()}+'&quot;,data'+${bean.getId()}+',&quot;'+${bean.getType()}+'&quot;)'"></script>
<script>
    $(document).keydown(function(e) {
        if(e){
            e = window.event;
        }
        if ((e.keyCode  == 13)) {
            if($("#search_input").val()==""|| $("#search_input").val()=="search"){

            }else{
                $('#sou').click();
            }

        }
    });

</script>

</body>
</html>